﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>si.notice</title>
</head>
<body style="height: 150%; width: 100%; position: absolute;">
    <link rel="import" href="../si.base/package/si.base.html" />
    <link rel="import" href="../si.notice/package/si.notice.html" />
    <script>
        $(document).ready(function () {
            si.notice.createNotice({ type: "info", position: "l-t", content: "This is an info notice.", click: function (e, config) { alert(1) } });
            si.notice.createNotice({ type: "success", position: "l-b", content: "This is a success notice." });
            si.notice.createNotice({ position: "m-b", content: "This is a top-middle notice." });
            si.notice.createNotice({ position: "m-t", content: "This is a bottom-middle notice." });
            si.notice.createNotice({ type: "warning", position: "r-t", content: "This is a warning notice." });
            si.notice.createNotice({ type: "error", position: "r-b", content: "This is a default notice." });
        });
    </script>
</body>
</html>